<template>
  <div class="register-agree">
    <legend><strong>注册协议</strong></legend>

    <p>【审慎阅读】您在申请注册流程中点击同意前，应当认真阅读以下协议。请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：</p>
    <p>1、与您约定免除或限制责任的条款；</p>
    <p>2、与您约定法律适用和管辖的条款；</p>
    <p>3、其他以粗体下划线标识的重要条款。</p>
    <p>如您对协议有任何疑问，可向平台客服咨询。</p>
    <p>【特别提示】当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。如您因平台服务与淘宝发生争议的，适用《淘宝平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。
      阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序。</p>

    <button class="btn" @click="btnClick">同  意  协  议</button>
  </div>

</template>

<script>
  export default {
    name: "RegisterAgree",
    methods: {

      /**当按钮被点击*/
      btnClick () {
        this.$emit('ready', 1)
      },

    }
  }
</script>

<style scoped>
  .register-agree {
    padding: 5%;

    /*background-color: yellow;*/
  }

  .btn {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translate(-50%, -50%);

    color: #ffffff;
    font-size: 20px;
    line-height: 20px;

    background-color: red;
    border: none;
    outline: none;

    width: 60%;
    height: 6%;
  }
  .btn:hover {
    cursor: pointer; /*放上变手指*/
    opacity: 0.7;
  }
</style>